<template>
	<div class='my-fixed m-no-select cursor_default'>
		<div class='parent loading_group' style='height:240px;width:460px;left: 0;top: 0;right: 0;bottom: 0;margin: auto;'>
			<div class="clear_titile">
				<h3 style='display: inline-block;'>{{title}}</h3>
				<img src="static/image/home/closeWindow.png" style='width: 14px;height: 14px;cursor:pointer;' @click='close' />
			</div>
			<div class="clear_content">
				{{content}}
			</div>
			<div class="clear_btn_wrap">
				<button class="determine_btn" @click="setConfirm">确定</button>
				<button @click='close' class="default_btn">取消</button>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'clear-item',
		props: {
			title:{
				type:String,
				default:'',
			},
			content:{
				type:String,
				default:''
			},
			type:{
				type:[String,Number],
				default:0
			}
		},
		data() {
			return {

			}
		},
		methods: {
			setConfirm(){
				this.$emit('setConfirm',this.type)
			},
			close() {
				this.$emit('setClose')
			}
		}
	}
</script>